<template>
	<view class="people">
		<p-navbar title="跟单策略"></p-navbar>
		<!-- 标题 -->
		<view class="people-title">
			<view class="title1">
				<view class="title-item">合约马丁</view>
				<view class="">2021-02-24 21:09 (14天19时42分)</view>
			</view>
			<view class="">
				<view class="title-item">1人正在跟单</view>
			</view>
		</view>
		<!-- 选择发起人 -->
		<view class="people-ple" @tap="trigger">
			<view class="">
				<view class="people-flex">
					<image class="imglogo" :src="imglogo" />
					<text>管家</text>
				</view>
				<view class="people-text">
					okex（LTC永续/USDT）
					<text>双向10X</text>
				</view>
			</view>
			<view class="people-bgc"></view>
		</view>
		<view class="prop">
			<view class="prop-bg"></view>
			<view class="prop-title">策略表现</view>
		</view>
		<view class="implement-bg">
			<view class="implement2 bg">
				<view class="implement2-flex">
					<view class="">
						<view class="text">总投入(USDT)</view>
						<view class="flex-item1">0.0000</view>
					</view>
					<view class="">
						<view class="text" style="text-align: right;">
							总收益(USDT)
						</view>
						<view class="flex-item1 color-falls" style="font-weight: bold;">
							0.00
							<text>(0.00%)</text>
						</view>
					</view>
				</view>
			</view>
			<!-- 盈亏 -->
			<view class="implement3" style="padding: 10rpx 30rpx 20rpx">
				<view class="implement3-w" v-for="(itemes,indexes) in income" :key="indexes+'p'">
					<view class="implement3-title">{{itemes.name}}</view>
					<view class="implement3-item">0.00</view>
					<view class="implement3-item">100 <text>%</text></view>
				</view>
			</view>
		</view>
		<view class="prop">
			<view class="prop-bg"></view>
			<view class="prop-title">跟单佣金</view>
		</view>
		<view class="implement">
			<view class="implement2-flex">
				<view class="price">
					每日佣金
				</view>
				<view class="rate">
					2VTN（不含提现权益）
				</view>
			</view>
		</view>
		<view class="prop">
			<view class="prop-bg"></view>
			<view class="prop-title">跟单信息</view>
		</view>
		<view class="implement implement3">
			<view class="implement3-w" v-for="(item,index) in message" :key="index">
				<view class="implement3-title">{{item.name}}</view>
				<view class="implement3-item" v-if="index=='1'">0.00<text>(0.00%)</text></view>
				<view class="implement3-item" v-else>0.00</view>
			</view>
		</view>
		<view class="prop">
			<view class="prop-bg"></view>
			<view class="prop-title">跟单记录</view>
		</view>
		<!-- 记录 -->
		<scroll-view class="scroll-y" scroll-y="true" @scrolltolower="scrolltolower">
			<view class="implement" v-for="item in 5" :key="item" style="margin: 30rpx 0rpx;">
				<view class="implement2">
					<view class="">
						<view class="implement2-flex flex">
							<image class="imglogo" :src="imglogo" style="border: 1px solid #e0e0e0;" />
							<view class="flex-item1">管家</view>
						</view>
					</view>
				</view>
				<!-- 盈亏 -->
				<view class="implement3">
					<view class="implement3-w" v-for="(item,index) in details" :key="index">
						<view class="implement3-title">{{item.name}}</view>
						<view class="implement3-item" v-if="index=='1'">0.00<text>(0.00%)</text></view>
						<view class="implement3-item" v-else>0.00</view>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="postiton">
			<image class="share" src="../../static/share1.png" />
			<view class="btn">一键跟单</view>
		</view>
	</view>
</template>

<script>
	import {
		income,message,details
	} from './details.js'
	export default {
		data() {
			return {
				imglogo: 'https://zhugelianghua.oss-cn-beijing.aliyuncs.com/image/headimage.png', //头像
				income: income,
				message:message,
				details:details,
			};
		},
		methods: {
			trigger(){
				 this.$Router.back(1)
			},
			scrolltolower() {
				console.log('下拉')
			}
		}
	}
</script>

<style lang="scss">
	@import './people.scss';
</style>
